/* 获取boxes元素 */
const boxesContainer = document.getElementById("boxes");
/* 获取btn元素 */
const btn = document.getElementById("btn");

/* 给btn元素绑定点击事件 */
btn.addEventListener("click", () => {
  /* 如果 big 类值已存在，则移除它，否则添加它 */
  return boxesContainer.classList.toggle("big");
});

(() => {
  for (let i = 0; i < 4; i++) {
    for (let j = 0; j < 4; j++) {
      /* 创建一个div元素 */
      const box = document.createElement("div");
      /* 给div添加一个样式 */
      box.classList.add("box");
      /* 设置div背景的位置 */
      box.style.backgroundPosition = `${-j * 125}px ${-i * 125}px`;
      /* 将div添加进boxesContainer元素里 */
      boxesContainer.appendChild(box);
    }
  }
})();
